<template>
  <div class="consult-card">
    <!-- 图片 -->
    <el-image
      style="width: 100px; height: 100px"
      :src="imgUrl"
      fit="fit"
    ></el-image>
    <!-- 文字 -->
    <div class="consult-info">
      <div class="consult-name">赵燕青</div>
      <div>赵燕青心理咨询工作室创始人 心理学研究生</div>
    </div>
 
  </div>
</template>

<script>
export default {
  data() {
    return {
      fits: "fill",
      imgUrl:
        "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
    };
  },
};
</script>

<style scoped>
.consult-card {
  padding: 10px 0px 10px 10px;
  display: flex;
  align-items: center;
}
.consult-info {
  padding-left: 20px;
  padding-right: 10px;
}
.consult-name {
  padding-bottom: 10px;
}

</style>